<template>
  <div class="wallet">
    <van-nav-bar title="我的钱包" left-arrow  @click-left="$router.go(-1)">
      <van-icon name="ellipsis" slot="right" />
    </van-nav-bar>
    <div class="moneyInfo">
      <img src="" alt="">
      <div>我的零钱</div>
      <div class="money">￥{{money}}</div>
    </div>
    <div class="submit">
      <button>充值</button>
      <button>提现</button>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        money: '0.00'
      }
    },
  }
</script>

<style scoped lang='less'>
  .wallet{
    background-color: #e6e6e6;
    min-height: 100vh;
    .van-nav-bar{
      background-color: #5cadff;
      .van-icon{
        color: white;
      }
      .van-nav-bar__title{
        color: white;
      }
    }
    .moneyInfo{
      text-align: center;
      font-size: 18px;
      .money{
        font-size: 24px;
        font-weight: bold;
      }
    }
    .submit{
      text-align: center;
      margin-top: 20px;
      button{
        border: none;
        width: 80%;
        padding: 10px 0;
        margin: 10px 0;
      }
      button:first-child{
        color: white;
        background-color: forestgreen;
      }
      button:last-child{
        color: black;
        background-color: white;
      }
    }
  }
</style>